<template>
  <router-view #default="{ route, Component }">
    <transition
      name="fade"
      :enter-active-class="`animate__animated ${route.meta.transition}`"
    >
      <component :is="Component" />
    </transition>
  </router-view>
</template>

<script setup>
import "animate.css";
</script>
